@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body{color:#666; font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
ul li{list-style:none;}
a{text-decoration:none;}
a:hover{transition-property:color; transition-duration:.6s}
img{border:none;}


/*top*/
.top_box{background:#333;}
.top{width:1100px; margin:0 auto; height:40px;}
.top p{line-height:40px; color:#fff; float:left;}
.top span{background:url(../images/icon_tel.png) no-repeat left center; padding-left:30px; color:#fff;float:right; display:block; line-height:40px;}


/*header*/
.header{ width:1200px; margin:0 auto; height:100px; position:relative; z-index:999;}
.logo{ float:left;}
.logo img{ height:100px;}

/*nav*/
.menu{ float:right; width:840px;}
.menu ul{width:840px;}
.mainlevel{width:100px; /*IE6 only*/  text-align:center; position:relative; z-index:99; float:left; margin:20px 10px;}
.mainlevel a{width:100%; height:58px; line-height:58px; display:block; color:#333; font-size:14px; font-weight:bold;}
.mainlevel a:hover,.mainlevel a.active{ border-bottom:2px solid #e70617;}
.mainlevel ul{width:90px; display:none; position:absolute; left:0px; padding:10px 5px; background:#e70617; z-index:999; top:60px;}
.mainlevel li{width:100%;/*IE6 only*/ height:100px; line-height:100px; text-align:center;}
.mainlevel ul li{height:30px; line-height:30px;}
.mainlevel li a{width:100%;/*IE6 only*/ display:block; height:30px; line-height:30px; background:none; color:#fff; font-size:12px; font-weight:normal;}
.mainlevel li a:hover{background:#f09932; color:#fff; font-weight:normal;}

/*bannner*/
#full-screen-slider { width:100%; height:500px; position:relative; clear:both;}
#slides { display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:40%; top:450px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:36px; height:6px; float:left; margin-left:15px;  background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#f09932;}

/*about*/
.about{width:1100px; overflow:hidden; padding:40px 0; height:150px; margin:0 auto;}
.about_t{ text-align:center; height:50px; overflow:hidden;}
.about_t h4{font-size:20px; padding-bottom:10px; background:url(../images/title_line.jpg) no-repeat center bottom; line-height:40px; color:#e70617;}
.about p{background:url(../images/about_bg.png) no-repeat center center; height:60px; line-height:30px; padding:20px 120px; text-align:center; width:860px;}
.about a{color:#e70617; font-weight:bold;}

/*pro*/
.pro_box{background:url(../images/pro_bg.jpg) no-repeat center top;}
.pro{width:1100px; margin:0 auto; height:310px; padding:40px 0;} 
.pro_class{width:1100px; margin:30px auto; text-align:center; height:30px;}
.pro_class a{color:#fff; font-size:14px; display:inline-block; margin:0 20px; line-height:28px; height:28px;}
.pro_class a.more{ border:1px solid #fff;-moz-border-radius:4px;/* Gecko browsers */-webkit-border-radius:4px;/* Webkit browsers */ border-radius:4px;/* W3C syntax */ padding:0 10px;}
.pro_class a:hover{color:#e70617;}
.pro_class a.more:hover{border:1px solid #e70617;}
.pro_main{ width:1100px;overflow:hidden; display:block; margin:30px auto 0 auto;}
.table1 td a img{width:251px; height:176px;border:#fff 2px solid;}
.table1 td a{margin:0 10px; display:block;width:255px; height:180px;  float:left; color:#666; position:relative;}
.table1 td a p{line-height:30px; clear:both; display:block;  width:255px; height:30px; overflow:hidden; text-align:center; font-size:12px; position:absolute; bottom:0; color:#fff; background:url(../images/pro_p.png) left top;}
.table1 td a:hover p{color:#e70617;}

/*youshi*/
.animate{-webkit-transition-duration:1.6s; -ms-transition-duration:1.6s; -o-transition-duration:1.6s; -moz-transition-duration:1.6s; transition-duration:1.6s;}
.item-1{width:1100px; height:180px; margin:0 auto; position:relative; padding:40px 0px; clear:both; overflow:hidden;}
.item-1 .text { color: #7d7d7d; font-size: 20px; text-align: center; opacity: 0; padding-top: 20px; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }
.item-1 .icons { width: 100%; position: absolute; top:120px; }
.item-1 .icons .component { position: absolute; opacity: 0; }
.item-1 .icons .component.icon01 { left:30px; top: -25px; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.item-1 .icons .component.icon02 { left:150px; top: -25px; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; }
.item-1 .icons .component.icon03 { left:270px; top: -25px; -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; }
.item-1 .icons .component.icon04 { left:390px; top: -25px; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; }
.item-1 .icons .component.icon05 { left:510px; top: -25px; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; }
.item-1 .icons .component.icon06 { right:390px; top: -25px; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; }
.item-1 .icons .component.icon07 { right:270px; top: -25px; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; }
.item-1 .icons .component.icon08 { right:150px; top: -25px; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; }
.item-1 .icons .component.icon09 { right:30px; top: -25px; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; }
.item-1 .icons .component.text01 { left:10px; top:220px; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; width:120px;}
.item-1 .icons .component.text02 { left:130px; top: 220px; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; width:120px;}
.item-1 .icons .component.text03 { left:250px; top: 220px; -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; width:120px;}
.item-1 .icons .component.text04 { left:370px; top: 220px; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; width:120px;}
.item-1 .icons .component.text05 { left:490px; top: 220px; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; width:120px;}
.item-1 .icons .component.text06 { right:370px; top: 220px; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; width:120px;}
.item-1 .icons .component.text07 { right:250px; top: 220px; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; width:120px;}
.item-1 .icons .component.text08 { right:130px; top: 220px; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; width:120px;}
.item-1 .icons .component.text09 { right:10px; top: 220px; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; width:120px;}
.icons h3{font-weight:normal; color:#666; text-align:center; line-height:30px;}
.item-1.current .text { opacity: 1; padding-top: 0px; }
.item-1.current .icons .component { opacity: 1;}
.item-1.current .icons .component img{transition:all 0.8s ease}
.item-1.current .icons .component:hover img{transform:rotateY(360deg)}
.item-1.current .icons .component.icon01 { top: 0px; }
.item-1.current .icons .component.icon02 { top: 0px; }
.item-1.current .icons .component.icon03 { top: 0px; }
.item-1.current .icons .component.icon04 { top: 0px; }
.item-1.current .icons .component.icon05 { top: 0px; }
.item-1.current .icons .component.icon06 { top: 0px; }
.item-1.current .icons .component.icon07 { top: 0px; }
.item-1.current .icons .component.icon08 { top: 0px; }
.item-1.current .icons .component.icon09 { top: 0px; }
.item-1.current .icons .component.text01 { top: 90px; }
.item-1.current .icons .component.text02 { top: 90px; }
.item-1.current .icons .component.text03 { top: 90px; }
.item-1.current .icons .component.text04 { top: 90px; }
.item-1.current .icons .component.text05 { top: 90px; }
.item-1.current .icons .component.text06 { top: 90px; }
.item-1.current .icons .component.text07 { top: 90px; }
.item-1.current .icons .component.text08 { top: 90px; }
.item-1.current .icons .component.text09 { top: 90px; }


/*news*/
.news_box{background:#f5f5f5;}
.news{width:1100px; margin:0 auto; padding:40px 0; overflow:hidden;}
.news_l{width:470px; float:left; margin-top:20px;}
.news_l h5 a{line-height:30px; height:30px; color:#333; font-size:14px; display:block;}
.news_l h5 a:hover{color:#e70617;}
.news_l p{line-height:24px; height:72px; overflow:hidden;}
.news ul{width:530px; float:right; background:url(../images/news_txt_bg.jpg) no-repeat center center; height:292px; padding:30px; margin-top:20px;}
.news ul h6{font-size:16px; color:#e70617; line-height:30px; height:30px; margin-bottom:54px;}
.news ul li{line-height:40px; border-bottom:1px dotted #ddd; height:39px}
.news ul li a{color:#666; padding-left:20px; background:url(../images/dot.png) no-repeat left center; width:430px; display:block; float:left;}
.news ul li a:hover{color:#e70617;}
.news ul li span{float:right; color:#999;}

/*service*/
.service{width:1100px; margin:40px auto;}
.service ul{overflow:hidden; margin-top:20px;}
.service ul li{float:left; width:175px; margin:0 50px;}
.service ul li img{width:175px; height:202px;}

/*footer*/
.footer_box{background:url(../images/footer_bg.png) repeat-x left top;}
.footer{width:1100px; margin:0 auto; overflow:hidden;}
.footer_logo{width:260px; float:left;}
.footer_nav{width:820px; float:right; margin-top:50px;}
.footer_nav a{color:#fff; float:left; margin:0 34px; line-height:30px; height:30px; font-size:14px;}
.footer_nav a:hover{color:#e70617;}
.footer_nav span{width:11px; height:30px; background:url(../images/line.jpg) no-repeat center; float:left; line-height:30px;}
.footer_b{width:820px; float:right; margin-top:30px; height:80px;}
.dz{width:280px; float:left;}
.dz p{line-height:26px; color:#999;}
.copyright{width:400px; float:left; color:#999; line-height:26px;}
.ewm{float:right;}
.ewm img{width:100px; height:80px; float:right; margin-left:20px;}

/*kf*/
.lxfx {height: auto; position: fixed;right:0px;top:400px;width: 77px;z-index:99999;}
.lxfx li a {color: rgb(255, 255, 255); display: block;height: 47px; margin-top: 9px;width: 300px;}
.leftlx { float: left;height: 47px;width: 77px;}
.lxfx li span {border-left: 1px solid rgb(255, 255, 255);color: rgb(255, 255, 255);float: left;font-size: 18px;height: 24px;line-height: 22px;margin-top: 8px;padding-left: 8px;}
.fix_ewm {border: 5px solid rgb(255, 255, 255);display: none;height:90px;left: -105px;position: absolute;top: -40px;width:90px;}
.lxfx li i {display: block;height: 27px;margin: 0 auto;text-align: center;width: 30px; background:url(../images/fx.png) no-repeat;}
.lxfx li i.icon-tel {background-position: 0 -25px;}
.lxfx li i.icon-ly {background-position: 4px -53px;}
.lxfx li i.icon-wx {background-position: -34px 4px;}
.lxfx li i.icon-wb {background-position: -30px -22px;}
.lxfx li p {line-height: 12px; text-align: center; color:#fff; font-size:12px;}
.lxfx li {background:#fd5353;height: 56px;margin-bottom: 1px;margin-left: 0;overflow: hidden; position: relative;width: 77px; float:left;}


/*内页*/
/*about*/
.ny_banner_about{background:url(../images/banner_about.jpg) no-repeat top center; width:100%; height:300px;overflow:hidden;}
.ny_banner_pro{background:url(../images/banner_pro.jpg) no-repeat top center; width:100%; height:300px;overflow:hidden;}
.ny_banner_news{background:url(../images/banner_news.jpg) no-repeat top center; width:100%;height:300px;overflow:hidden;}
.ny_banner_fw{background:url(../images/banner_fw.jpg) no-repeat top center; width:100%; height:300px;overflow:hidden;}
.ny_banner_con{background:url(../images/banner_con.jpg) no-repeat top center; width:100%; height:300px;overflow:hidden;}

.ny_main{width:1100px; margin:0 auto; overflow:hidden; padding:40px 0px; }
.ny_left{width:240px; float:left;}
.ny_lft{width:180px; height:60px; line-height:60px;font-size:16px; font-weight:bold; float:left; color:#fff; background:url(../images/ny_t_bg.jpg) no-repeat left center; padding:0 30px;}
.ny_menu{width:238px;float:left; margin-bottom:20px; border:1px solid #ddd; border-top:none 0;border-bottom:none 0;}
.ny_menu ul{overflow:hidden;}
.ny_menu li{width:180px; height:50px; line-height:50px;  float:left;  padding:0 30px;border-bottom:1px solid #ddd;}
.ny_menu li a{ height:50px; display:block; font-weight:bold; color:#666; font-size:14px;background: url(../images/menu_bg.jpg) right center no-repeat;}
.ny_menu li a:hover,.ny_menu li a.active{color:#f09932;}
.ny_lft_1{background:url(../images/ny_news_t_bg.jpg) no-repeat left center; height:50px; line-height:50px;}
.ny_news{width:238px;float:left; margin-bottom:20px; border:1px solid #ddd; border-top:none 0;}
.ny_news ul{padding:20px 0;}
.ny_news ul li{   width:180px; padding:0 30px;}
.ny_news ul li a{color:#666;background:url(../images/news_tt.jpg) no-repeat left center;height:30px; line-height:30px;overflow:hidden; display:block; padding-left:10px; }
.ny_news ul li a:hover{color:#e70617;}


.ny_right{width:818px; float:right; background:#fff; border:1px solid #ddd;}
.about_img{margin-top:20px; float:left;}
.ny_rtt{width:100%; height:60px; line-height:60px; border-bottom:#ddd 1px solid; float:left; background:#eee;}
.ny_rtt span{font-size:16px; font-weight:bold; float:left;color:#e70617; margin-left:30px;}
.ny_rtt .rt{float:right; color:#666; font-size:14px; margin-right:30px;}
.ny_rtt .rt a{color:#666; font-size:14px;}
.ny_rtm{width:760px; line-height:28px; float:left; padding:30px 29px 60px 29px;}


/*products*/
.pro_list{width:100%; float:left;text-indent:0;}
.pro_list li{width:180px; padding:5px; text-align:center; float:left;}
.pro_list li img{width:174px; height:122px; border:1px solid #ddd; padding:2px;}
.pro_list li p{clear:both; line-height:30px;}
.pro_list li a{color:#666;}
.pro_list li p:hover{color:#e70617;}

/*news*/
.news_bds{width:100%; padding-bottom:10px; float:left;}
.news_bds img{width:187px; height:140px; border:#eee 4px solid; margin-right:18px; float:left;}
.news_bds h1{width:540px; height:34px; border-bottom:#ddd 1px dashed; line-height:34px; color:#0082dd; float:right;}
.news_bds h1 a{font-size:14px; color:#666; float:left}
.news_bds h1 a:hover{color:#f09932;}
.news_bds h1 span{float:right; font-weight:normal; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#666;}
.news_bds_span2{width:540px; height:110px; color:#666; line-height:28px; float:right;}
.news_bds_span2 a{color:#e70617;}
.news_bdx{width:100%; float:left; margin-top:10px;}
.news_bdx ul{overflow:hidden; text-indent:0;}
.news_bdx li{width:100%; height:32px; border-bottom:#ddd 1px dashed; float:left;}
.news_bdx li a{ line-height:32px; padding-left:12px; float:left;  background:url(../images/news_tt.jpg) no-repeat left center; color:#666;}
.news_bdx li a:hover{color:#e70617;}
.news_bdx li span{color:#999; line-height:30px; padding-right:12px; float:right; font-size:12px;}


/*contact*/
.lxfs{width:330px; float:right;}
.lxfs h3{line-height:40px; clear:both}
.lxfs p{line-height:30px; clear:both}
.lxfs ul{margin-top:20px;}
.lxfs ul li{width:105px; text-align:center; margin-right:20px; float:left;}
.lxfs ul li img{width:100px; height:100px; border:#ddd 1px solid; padding:2px; float:left;}

.lxn{width:160px; height:28px; line-height:28px; border:1px solid #ddd;}
.in1{height:26px;line-height:26px;border:1px solid #ddd; width:200px;}
.txtt{height:200px; width:500px; line-height:24px; font-size:12px;border:1px solid #ddd;}